/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      flexGrow: {
        2: '2',
        3: '3',
        4: '4',
        5: '5',
        6: '6',
        8: '8',
        12: '12',
        16: '16',
        20: '20',
        24: '24',
      },
      colors: {
        // 主要颜色
        'primary': '#3A8DFF',
        // 低腰颜色
        'secondary': '#FF6F61',
        // 辅助颜色
        'tertiary': '#4CAF50',
        // 主要按钮颜色
        'primary-button': '#3A8DFF',
        // 次要按钮颜色
        'secondary-button': '#FF6F61',
        // 主要字体颜色
        'primary-title': '#2C2C2C',
        // 次要字体颜色
        'secondary-title': '#757575',
        // 辅助字体颜色
        'tertiary-text': '#B0B0B0',
        // 背景颜色
        'background': '#F4F7FA',
        // 边框颜色
        'border': '#D9E2EC',
        // 提示颜色
        'success': '#66BB6A',
        'warning': '#FFB74D',
        'error': '#E57373',
      },
      screens: {
        'sm': '576px',
        'md': '768px',
        'lg': '992px',
        'xl': '1200px',
        '2xl': '1600px',
      },
    },
  },
  plugins: [],
  mode: 'jit',
};
